<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <title>Document</title>
</head>

<body>
    <div class="tapbar">
        <div class="tapbar-nav">
            <a href="" class="color1">小米商城</a><a href="" class="color1">MIUI</a><a href="" class="color1">loT</a><a href="" class="color1">云服务</a><a href="" class="color1">天星数科</a><a href="" class="color1">有品</a><a href="" class="color1">小爱开放平台</a><a href="" class="color1">企业团购</a><a href="" class="color1">资质证明</a><a href="" class="color1">协议规则</a><a href="" class="color1">下载app</a><a href="" class="color1">智能生活</a><a href="" id="key" class="color1">Select Location</a>
            <a href="" class="color1">登录</a><a href="" class="color1">注册</a><a href="" class="color1">消息通知</a><a href="" class="color1">购物车（0）</a>
        </div>
    </div>
    <div class="bodyer">
        <div id="div1">
            <img src="./images/mi.png" alt="" class="tu1">
        </div>
        <div class="bobyer-nav">
        <a href="" class="color2">Xiaomi手机</a><a href="" class="color2">Redmi红米</a><a href="" class="color2">电视</a><a href="" class="color2">笔记本</a><a href="" class="color2">平板</a><a href="" class="color2">家电</a><a href="" class="color2">路由器</a><a href="" class="color2">智能硬件</a><a href="" class="color2">服务</a><a href="" class="color2">社区</a>
        </div>
        <input type="text" id="case"><input type="text" id="case1">
        
    </div>
    <div id="div3">
        <div id="div5">
            <div class="below" id="key1">手机</div>
            <div class="below">电视</div>
            <div class="below">笔记本 平板</div>
            <div class="below">家电</div>
            <div class="below">出行 穿戴</div>
            <div class="below">智能 路由器</div>
            <div class="below">电源 配件</div>
            <div class="below">健康 儿童</div>
            <div class="below">耳机 音箱</div>
            <div class="below">生活 箱包</div>
        </div>
        <div id="div4">
            <img src="./images/picture.webp" alt="" class="case3">
        </div>
    
        </div>
        
    <div id="div6">
        <div class="last" id="last1" class="laster1" >
        <img src="./images/footer0.png" alt="" class="laster1" >
        </div>
        <div class="laster2"></div>
        <div class="last" id="last2" >
        <img src="./images/footer1.jpg" alt="" class="laster" >

        </div>
        <div class="laster2"></div>
        <div class="last" id="last3" >
            <img src="./images/footer2.jpg" alt="" class="laster" >

        </div>
        <div class="laster2"></div>
        <div class="last" >
            <img src="./images/footer3.png" alt="" class="laster">

        </div>
    </div>
</body>
</html>